/**
 * Lefter luweij@gmail.com
 */
 .wrap{
 	margin: .3rem;
 }
.swiper-slide img{
	width: 100%;
}
.swiper-pagination-bullet{
	float: none;
	margin-left: .1rem;
	width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
}
.swiper-pagination{
	text-align: center;
	position: static;
}
.nav li a{
	width: 25%;
	float: left;
	text-align: center;
	border-bottom: 1px solid #efefef;
	padding: 0.2rem 0 .1rem;
	font-size: .24rem;
}
.nav li.active a{
	color: #caa76f;
	border-bottom-color:#caa76f;
}
.list_3col{
	width: 31%;
}
.list_6col{
	width: 64.2%;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-wrap img{
	width: 100%;
}
.flex-wrap a{
	display: inline-block;
	margin: .8% 0 1% 1.2%;
}
h4.title{
    margin: .1rem .3rem 0.05rem;
}
h4 .swiper-pagination{
	display: inline-block;
    float: right;
}
.golden{
	color: #caa76f
}
.productList{

}
.productList li{
	margin-top: .1rem;
}
.productList .pic{
	width: 30%;
	float: left;
	margin-right: 1%;
}
.d-title{
	font-size: .24rem;
    height: .7rem;
    overflow: hidden;
    margin-bottom: .2rem;
    padding-right: 5%;
}
.d-price{
	font-size: .2rem;
	color: #999;
}
.font-num{
	font-size: .34rem;
}
.productList .des{
	border-bottom: 1px solid #efefef;
	float: left;
    width: 69%;
    padding-bottom: .1rem;
}
.search{
	border-bottom: 4px solid #f7f7f7;
}
.search form{
	border-bottom: 1px solid #efefef;
	padding: .14rem .3rem;
	position: relative;
}
.search input{
	border:none;
	background: #efefef;
	padding: .14rem .2rem .12rem;
	width: 100%;
}
.search button{
    background: none;
    border: none;
    position: absolute;
    right: 0.44rem;
    top: .26rem;
}
.search button i{
	color: #999;
}
.menu li{
	margin: .2rem .2rem .4rem;
	font-size: .26rem;
}
.menu .radio{
	width: .88rem;
    height: .88rem;
    background: #caa76f;
    border-radius: 50%;
    display: inline-block;
    line-height: .88rem;
    text-align: center;
    color: #fff;
    font-size: .36rem;
    margin-right: .3rem;
}
.menu .radio i{
	margin-top: .24rem;
    display: inline-block;
}
.menu .icon-angle-right{
	float: right;
    line-height: .9rem;
    color: #ccc;
    font-size: .4rem;
}
.detail-title{
    margin-top: -1.8rem;
    color: #fff;
    position: relative;
    z-index: 999;
    padding: .3rem;
    font-size: .3rem;
}
.detail-item{
	padding:.3rem .3rem 0;
}
.product-kind{
	border-bottom: 1px solid #efefef;
}
.product-kind .am-fr{
	font-size: .3rem;
    margin-top: .24rem;
}
.product-kind .font-num{
	font-size: .5rem;
}
.product-kind .d-price{
	margin: .2rem 0;
}
.chooseitem{
	display: inline-block;
}
.chooseitem span{
	display: inline-block;
	border: 1px solid #efefef;
    padding: .04rem .06rem 0;
    margin-right: .1rem;
    margin: .1rem .1rem .1rem 0;
    color: #666;
    border-radius: 2px;
}
.chooseitem span.active{
	border: 1px solid #caa76f;
	color: #caa76f;
}
.detai-des{
	color: #666;
	font-size: .24rem;
}
.fix-bar-holder{
	height: .9rem;
}
.fix-bar{
	height: .9rem;
    line-height: .92rem;
    padding: 0 .3rem;
    box-shadow: 0px -1px 3px #ccc;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.8);
    text-align: center;
}
.normalBt{
	border:none;
	background: #eee;
	height: .6rem;
	text-align: center;
	line-height: .64rem;
	padding: 0 .2rem;
	border-radius: 4px;
	display: inline-block;
	color: #333;
}
.goldenBt{
	background: #caa76f;
	color: #fff;
}
.fix-bar .normalBt{
	width: 40%;
	margin: 0 .1rem;
}
.fix-bar #addFav{
	font-size: .4rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .2rem;
}
@font-face {
    font-family: "alfont";
    src: url("../font/AILERONS-TYPEFACE.OTF");
}
.alfont{
	font-family: "alfont";
	letter-spacing: -5px;
	margin-right: 5px;
}
.user{
	text-align: center;
	margin: .3rem;
	position: relative;
}
.user h4{
	font-size: .28rem;
}
.light-gray{
	color: #ccc;
}
.gray{
	color: #999;
}
.darkGray{
	color: #666;
}
.s-ft{
	font-size: .22rem;
}
.m-ft{
	font-size: 0.26rem;
}
.b-ft{
	font-size: .3rem;
}
.l-ft{
	font-size:.4rem;
}
.ler-ft{
	font-size:.5rem;
}
.letter-s0{
	letter-spacing: 0;
}
.percent{
	position: relative;
}
#canvasPercent{
	display: inline-block;
	color: #caa76f
}
.user-mask{
	margin-top: -420px;
}
.user .leavl{
	font-size: 16px;
}
.user .leavl .golden{
	font-size: 22px;
}
.user-mask h5{        
	font-size: 100px;
    letter-spacing: -22px;
    margin-left: -22px;
    height: 120px;
    line-height: 110px;
}
.user .score{
	margin-top: 1.2rem;
	margin-bottom: .4rem;
}
.user .score sup{
	font-size: .22rem;
	vertical-align: super;
}
.code{
	padding-bottom: .8rem;
}
.code img{
	max-width: 80%;
}
.s-logo{
	width: 80px;
	display: inline-block;
}
.activityList li{
	margin: .1rem;
}
.greyBg{
	background: #f7f7f7;
}
.greyBg .productList li{
	margin:0;
	background: #fff;
}
.gap{
	margin-top: .08rem !important;
}
.order-detail li{

}
.order-detail li{
	padding-top: .14rem !important;
	border-bottom: 1px solid #e2e2e2;
}
.bl{
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
	padding: .22rem .1rem .1rem .3rem;

}
.greyBg .productList .des{
	float: none;
	width: 100%;
    padding-bottom: .4rem;
    border:none;
}
.greyBg .orderNo{
	font-size: .2rem;
    color: #999;
    border-bottom: 1px solid #e2e2e2;
    padding: .2rem .3rem .1rem;
    margin-bottom: .08rem;
}
.icon-phone-square{
	margin-left: .5rem;
}
.greyBg .total-price{
	padding: .1rem .3rem .08rem;
	border-top: 1px solid #f4f4f4;
}
.order_address{
	background: #fff;
	margin-top: .08rem;
}
.order_address address{
    margin-left: .35rem
}
.order_address .icon-angle-right{
	margin-top: .12rem;
}
.bl a .icon-angle-right{
	margin-top: -.03rem;
    margin-left: .2rem;
}
.w100{
	width: 100%;
}
.border0{
	border:none;
}
.weixinPay{
	width: 100%;
	padding:.3rem;
}
.customerIcos{
	display: flex;
	flex-wrap: wrap;
}
.customerIcos li{
	margin: 5vw 0 2vw;
	width: 33.3%;
	text-align: center;
	float: left;
}
.customerIcos li .radio{
	background: #fff;
	border:2px solid #efefef;
	width: 20vw;
	height: 20vw;
	line-height: 20vw;
	border-radius: 50%;
	display: inline-block;
    font-size: .42rem;
    margin-bottom: .1rem;
}
.directShop{
    position: absolute;
    bottom: 10px;
    font-size: 12px;
    padding: 0; 
    width: 100%;
    display: block;
    z-index: 999999999;
    text-align: center;
}
.directShop .button{
	margin:.2rem .3rem .14rem !important;
	color: #fff;
	width: 80%;
	display: inline-block;
}
#container{
	
}
.near-shop{
    position: fixed;
    top: .88rem;
    left: 0;
    z-index: 999999999;
    width: 100%
}
.amap-marker-label{
	background: #b69054!important;
	opacity: .9;
	border-radius: 3px;
	border:1px solid #9d7330 !important;
	color: #fff !important;
}
.amap-geo{
	display: none!important;
}

a.checkbox{
    background: #cecece;
    width: .4rem;
    height: .4rem;
    display: inline-block;
    text-align: center;
    line-height: .46rem;
    border-radius: 50%;
    color: #fff;
}
.cardList .checkbox{
    margin-top: .6rem;
    margin-right: .1rem;
}
a.checked{
	background: #caa76f!important;;
}
.greyBg .cardList .des{
	padding-bottom: 0;
}
.cart-bar .checkbox{
	margin-top: .22rem;
}
.cart-bar .normalBt{
	margin-top: .16rem;
}
.member_card li{
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 5px #ccc;
    margin: .3rem;
    padding: .2rem .2rem .4rem;
    font-size: .18rem;
    background: #fff;
}
.member_card li .am-fl{
	width: 45%;
}
.member_card li .am-fl img{
	width: 60%;
	margin: .2rem .2rem 1.15rem;
}
@media all and (max-width: 320px) {
	.member_card li .am-fl img{
		margin: .2rem .2rem 1.24rem;
	}
}
.member_card li .am-fr{
	width: 55%;
	text-align: center;
	font-size: .18rem;
}
.member_card li .am-fr span{
	margin-bottom: -.5rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
}
.member_card li .am-fr img{
	margin-top: .8rem;
}
.share_holder{
	height: 1.5rem;
}
.share{
	position: fixed;
	height: 1.5rem;
	padding-top: .2rem;
	background: #fff;
	bottom: -1.5rem;
	width: 100%;
	border-top: 1px solid #efefef;
}
.share li{
	width: 25%;
	float: left;
	text-align:center;
	font-size: .24rem;
	color: #999;
}
.share span{
	display: inline-block;
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	font-size: .4rem;
	background: #caa76f;
	border-radius: 50%;
	color: #fff;
	margin-bottom: .08rem;
}
.qrcode img{
	width: 24%;
	margin-top: .2rem;
}
#qrcode{
	width: 150px;
	margin: 0 auto;
}
.qrcode{
	padding-top: 30%;
	text-align: center;
}
.sales{
	text-align: center;
	background: #383838;
	color: #eee;
	font-size: .24rem;
	padding-top: .3rem;	
}
.sales_title > span{
	margin: 0 0.3rem;
}
.sales ul{
	border-top: 1px solid #484848;
}
.sales li{
	width: 25%;
	float: left;
	padding: 0.1rem 0 .2rem;
}
.sales h5{
	font-size: 1.5rem;
	letter-spacing: -20px;
}
.sales_menu li{
    border-bottom: 1px #eee solid;
    margin: 0;
    padding: 0.08rem .3rem .08rem;
    background: #fff;
    line-height: .9rem;
}
.mgl{
	margin-left: .3rem;
}
.sales_menu li .radio{
	background:none;
	color: #caa76f;
	margin-right: 0;
	width: .5rem;
}
.sales_menu .radio i{
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
}
.sale_table{
	margin-top: .05rem;
}
.sale_table table{
	background: #fff;
	width: 100%;
}

.sale_table th,.sale_table td{
	padding: .3rem .1rem .2rem;
	border-bottom: #f4f4f4 solid 1px;
}
.sale_table th:first-child,.sale_table td:first-child{
	padding-left: .3rem;
}
.tips i{
    margin-top: 30%;
    display: inline-block;
    font-size: 1.4rem;
}
.tips{
	text-align: center;
}
.jf-list li{
	float: left;
	width: 50%;
	text-align: center;
}
.jf-list li a{
	padding: .3rem;
	display: inline-block;
}
.jf-list li  p{
	margin-top: .1rem;
	margin-bottom: -.1rem;
}
.form select{
    border: #f4f4f4 1px solid;
    padding: .04rem .1rem;
    max-width: 1.5rem;
    height: .5rem;
    overflow: hidden;
    display: inline-block;
}
.form p{
	border-bottom: 1px solid #f4f4f4;
	padding: .3rem .3rem .2rem;
	padding-left: 0;
	margin-left: .3rem;
}
.form label{
	font-weight: normal;
	display: inline-block;
	width: 1.1rem;
    vertical-align: top;
    padding-top: .04rem;
}
.form input, .form textarea{
	border:none;
	vertical-align:middle;
	padding: .1rem .2rem;
}
.form textarea{
	border: 1px solid #f4f4f4;
	width: 100%;
}
.address address{
	margin: 0.2rem 0 .1rem
}
.address .order_address{
	margin-top: 0;
	padding-top: .4rem;
}
.address .checkbox{
	margin-top: .3rem;
	margin-right: .2rem;
}
.headerwithback .s-ft{
	width: 1rem;
    right: .3rem;
}
.withdraw{
	padding: .3rem;
}
.widthdraw_his .b-ft{
    margin-top: .16rem;
    display: inline-block;
    margin-right: .3rem;
}
.text_ico{
	text-align: center;
	font-size: 1.2rem;
}
.text_detail p{
	line-height: .42rem;
	margin-bottom: .2rem;
	text-indent: 2em;
}
.activityDetail > p{
	margin-bottom: .1rem;
}
.activityDetail > p em{
	font-style: normal;
}
